<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@include file="/context/mytags.jsp" %>
<head>
    <t:base type="jquery,easyui,tools,echarts,map.china"></t:base>
    <script type="text/javascript" src="plug-in/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="plug-in/Highcharts-4.2.4/highcharts.js"></script>
    <script type="text/javascript" src="plug-in/tableexcel/tableExcel.js"></script>
    <style type="text/css">
        .tabs-header {
            background: white;
        }

        a {
            color: Blue;
            text-decoration: underline;
        }
    </style>
    <script type="text/javascript">
        $(function () {
            var flag = false;
            var flags = false;
            $("#tabs").tabs({
                onSelect: function (title) {
                    if (title == '出保设备情况' && !flag) {//只加载一次
                        dealFacilitiesCbTableData("2019-01", "2019-12", "", "");
                        flag = true;
                    }
                    if (title == '院线机型配比' && !flags) {
                        dealEsHighChartsOfCbData("2019-01", "2019-12", "", "");
                        // getEsHighChartsOfCbData("2019-01", "2019-12", "", "");
                        // initallEsHighChartsOfCbBing();
                        flags = true;
                    }
                }
            });

            //整体维保情况
            dealFacilitiesZtTableData("2019-01", "2019-12", "", "");
            //initallEsHighChartsOfOx();
        });

        /*查询*/
        function searchReport(tab) {
            /*时间默认为空*/
            var cdateBegin = "";
            var cdateEnd = "";
            $("input[name=cdate_" + tab + "]").each(function (i, item) {
                if (i == 0) {
                    cdateBegin = item.value;
                } else {
                    cdateEnd = item.value;
                }
            });

            var bp = $("#bp_" + tab).val();
            var intheatername = $("#intheatername_" + tab).val();
            if (tab == 1) {
                /*设备整体维保情况*/
                // getFacilitiesZtTableData(cdateBegin, cdateEnd, intheatername, bp);
                // initallEsHighChartsOfOx();
                if (cdateBegin == "" || cdateEnd == "") {
                    tip("时间段不能为空");
                    return false;
                }
                dealFacilitiesZtTableData(cdateBegin, cdateEnd, intheatername, bp);
            } else if (tab == 2) {
                if (cdateEnd == "") {
                    tip("出保月份不能为空");
                    return false;
                }
                dealFacilitiesCbTableData(cdateBegin, cdateEnd, intheatername, bp);
            } else if (tab == 3) {
                dealEsHighChartsOfCbData(cdateBegin, cdateEnd, intheatername, bp);
                // getEsHighChartsOfCbData(cdateBegin, cdateEnd, intheatername, bp);
                // initallEsHighChartsOfCbBing();
            }
        }

        /**
         * @Author Sunliangliang 2018/10/18 19:35
         * @Description 设备整体维保情况报表
         * @params cdateBegin 页面查询条件  时间段（开始时间）
         * @params cdateEnd 页面查询条件  时间段（结束时间）
         * @params intheatername 页面查询条件  BP
         * @params bp 页面查询条件  院线
         */
        function getFacilitiesZtTableDataBeforeDeal(cdateBegin, cdateEnd, intheatername, bp) {
            var defer = $.Deferred();
            $.ajax({
                url: "cbsServiceController.do?getFacilitiesZtTableData",
                data: {
                    "cdateBegin": cdateBegin,
                    "cdateEnd": cdateEnd,
                    "intheatername": intheatername,
                    "bp": bp
                },
                cache: false,
                dataType: 'json',
                type: 'POST',
                success: function (data) {
                    if (data.success) {
                        defer.resolve(data);
                    }
                }
            });
            return defer.promise();
        }

        function dealFacilitiesZtTableData(cdateBegin, cdateEnd, intheatername, bp) {
            lockmask(true, "处理中...", "self");
            $.when(getFacilitiesZtTableDataBeforeDeal(cdateBegin, cdateEnd, intheatername, bp)).done(function (data) {
                lockmask(false, undefined, "self");
                //堆积图清空
                clearcategorieData();
                clearStatusTableData();

                var objs = data.obj; //map中套Listmap
                var html = "";

                var thead = "<tr><th>机型\\出保数量\\月份</th>";
                for (var i in objs['sy']) {//年份
                    for (var m in objs['sy'][i].year) {
                        var valuea = (objs['sy'][i].year)[m];  //获取年份
                        var date = new Date(valuea);
                        console.log(date.toDateString());
                        console.log(date.toDateString().split(" ")[1]);

                        thead += '<th id="year_' + m + '" class="' + valuea + '">' + date.toDateString().split(" ")[3].slice(2) + "-" + date.toDateString().split(" ")[1] + '</th>';
                        //堆积图
                        setcategorieData(valuea);
                    }
                }
                thead += '</tr>';
                $("#tthead").html(thead);

                for (var j in objs['maptype']) {
                    html += '<tr>';
                    html += '<td>' + objs['maptype'][j].type_desc + '</td>';  //类型
                    var arr = new Array((objs['sy'][0].year).length);
                    for (var k = 0; k < (objs['sy'][0].year).length; k++) {  //年份的长度，用于获取行的年份
                        var years = $("#year_" + k).attr("class");
                        if ('undefined' != objs[years][0]) {
                            if (objs[years][0].hasOwnProperty([objs['maptype'][j].type_desc])) {  //包含
                                arr[k] = objs[years][0][objs['maptype'][j].type_desc];
                                html += '<td>' + objs[years][0][objs['maptype'][j].type_desc] + '</td>';  //类型
                            } else {
                                arr[k] = 0;
                                html += '<td>0</td>';  //类型
                            }
                        }
                    }
                    setStatusTableData(objs['maptype'][j].type_desc, arr);
                    html += '</tr>';
                }

                $("#ttbody").html(html);
                initallEsHighChartsOfOx();
            }).fail(function () {
                lockmask(false, undefined, "self");
                tip("获取数据失败！");
            });
        }

        //设备整体维保情况报表
        /*function getFacilitiesZtTableData(cdateBegin, cdateEnd, intheatername, bp) {
            $.ajax({
                url: "cbsServiceController.do?getFacilitiesZtTableData",
                data: {
                    "cdateBegin": cdateBegin,
                    "cdateEnd": cdateEnd,
                    "intheatername": intheatername,
                    "bp": bp
                },
                cache: false,
                async: false,//必须是同步进行，为了获取 初始化 highcharts 数据
                dataType: 'json',
                type: 'POST',
                success: function (data) {
                    if (data.success) {
                        //堆积图清空
                        clearcategorieData();
                        clearStatusTableData();

                        var objs = data.obj; //map中套Listmap
                        var html = "";

                        var thead = "<tr><th>机型\\出保数量\\月份</th>";
                        for (var i in objs['sy']) {//年份
                            for (var m in objs['sy'][i].year) {
                                var valuea = (objs['sy'][i].year)[m];  //获取年份
                                var date = new Date(valuea);
                                console.log(date.toDateString());
                                console.log(date.toDateString().split(" ")[1]);

                                thead += '<th id="year_' + m + '" class="' + valuea + '">' + date.toDateString().split(" ")[3].slice(2) + "-" + date.toDateString().split(" ")[1] + '</th>';
                                //堆积图
                                setcategorieData(valuea);
                            }
                        }
                        thead += '</tr>';
                        $("#tthead").html(thead);


                        for (var j in objs['maptype']) {
                            html += '<tr>';
                            html += '<td>' + objs['maptype'][j].type_desc + '</td>';  //类型
                            var arr = new Array((objs['sy'][0].year).length);
                            for (var k = 0; k < (objs['sy'][0].year).length; k++) {  //年份的长度，用于获取行的年份
                                var years = $("#year_" + k).attr("class");
                                if ('undefined' != objs[years][0]) {
                                    if (objs[years][0].hasOwnProperty([objs['maptype'][j].type_desc])) {  //包含
                                        arr[k] = objs[years][0][objs['maptype'][j].type_desc];
                                        html += '<td>' + objs[years][0][objs['maptype'][j].type_desc] + '</td>';  //类型
                                    } else {
                                        arr[k] = 0;
                                        html += '<td>0</td>';  //类型
                                    }
                                }
                            }
                            setStatusTableData(objs['maptype'][j].type_desc, arr);
                            html += '</tr>';
                        }
                        html += '<tr>';
                        html += '<td>在保数量</td>';  //类型
                        var arrs = new Array((objs['sy'][0].year).length);
                        for (var k = 0; k < (objs['sy'][0].year).length; k++) {  //年份的长度，用于获取行的年份
                            var years = $("#year_" + k).attr("class");
                            html += '<td>' + objs['在保数量'][k][years] + '</td>';
                            arrs[k] = objs['在保数量'][k][years];
                        }
                        setStatusTableData("在保数量", arrs);

                        $("#ttbody").html(html);
                    }
                }
            });
        }*/


        //堆积图
        function initallEsHighChartsOfOx() {
            $("#highchartContainerOfOx").highcharts({
                credits: {//去水印
                    text: '',
                    href: ''
                },
                chart: {
                    type: 'area'
                },
                title: {
                    text: '维保状态表'
                },
                subtitle: {
                    text: ''
                },
                xAxis: {
                    categories: getcategorieData(),
                    tickmarkPlacement: 'on',
                    title: {
                        enabled: false
                    }
                },
                yAxis: {
                    title: {
                        text: ''
                    }
                },
                tooltip: {
                    pointFormat: '<span style="color:{series.color}">{series.name}</span>: {point.y:,.0f}<br/>',
                    shared: true
                },
                plotOptions: {
                    area: {
                        stacking: 'normal',
                        lineColor: '#ffffff',
                        lineWidth: 1,
                        marker: {
                            lineWidth: 1,
                            lineColor: '#ffffff'
                        }
                    }
                },
                series: getclearStatusTableData()
            });
        }

        //展示数据 月份
        var categorieData = [];

        function setcategorieData(data) {
            var dt = [];
            dt = data;
            categorieData.push(dt);
        }

        function getcategorieData() {
            return categorieData;
        }

        function clearcategorieData() {
            categorieData = [];
        }

        //数据展示
        var serviceLineData = [];

        function setStatusTableData(name, data) {
            var dt = {};
            dt.name = name;
            dt.data = data;
            serviceLineData.push(dt);
        }

        function clearStatusTableData() {
            serviceLineData = [];
        }

        function getclearStatusTableData() {
            return serviceLineData;
        }

        /*---------------------------- 出保设备情况查询 ---------------------------------------------*/

        function getFacilitiesCbTableDataBeforeDeal(cdateBegin, cdateEnd, intheatername, bp) {
            var defer = $.Deferred();
            $.ajax({
                url: "cbsServiceController.do?getFacilitiesCbTableData",
                data: {
                    "cdateBegin": cdateBegin,
                    "cdateEnd": cdateEnd,
                    "intheatername": intheatername,
                    "bp": bp
                },
                cache: false,
                dataType: 'json',
                type: 'POST',
                success: function (data) {
                    if (data.success) {
                        defer.resolve(data);
                    }
                }
            });
            return defer.promise();
        }

        function dealFacilitiesCbTableData(cdateBegin, cdateEnd, intheatername, bp) {
            lockmask(true, "处理中...", "self");
            $.when(getFacilitiesCbTableDataBeforeDeal(cdateBegin, cdateEnd, intheatername, bp)).done(function (data) {
                lockmask(false, undefined, "self");

                clearStatusCbData(); //清空数据

                var objs = data.obj;
                var html = "";
                for (var key in objs) {
                    var html1 = "";
                    html += '<tr><td>' + key + '</td>';  //类型
                    var arrays = objs[key][0];
                    var strs = new Array();

                    for (var i = 2; i < 11; i++) {
                        if (!arrays.hasOwnProperty(i)) {
                            html1 += '<td>0</td>';
                            strs.push(Number(0));
                        } else {
                            html1 += '<td>' + arrays[i] + '</td>';
                            strs.push(Number(arrays[i]));
                        }
                    }
                    html = html + html1 + '</tr>';
                    //图表
                    setclearStatusCbData(key, strs);
                }
                $("#ttbody1").html(html);
                initallEsHighChartsOfCbLine()
            }).fail(function () {
                lockmask(false, undefined, "self");
                tip("获取数据失败！");
            });
        }

        //表格数据展示
        function getFacilitiesCbTableData(cdateBegin, cdateEnd, intheatername, bp) {
            $.ajax({
                url: "cbsServiceController.do?getFacilitiesCbTableData",
                data: {
                    "cdateBegin": cdateBegin,
                    "cdateEnd": cdateEnd,
                    "intheatername": intheatername,
                    "bp": bp
                },
                cache: false,
                async: false,//必须是同步进行，为了获取 初始化 highcharts 数据
                dataType: 'json',
                type: 'POST',
                success: function (data) {
                    if (data.success) {
                        clearStatusCbData(); //清空数据

                        var objs = data.obj;
                        var html = "";
                        for (var key in objs) {
                            var html1 = "";
                            html += '<tr><td>' + key + '</td>';  //类型
                            var arrays = objs[key];
                            var strs = new Array(9);

                            for (var i = 0; i < 9; i++) {
                                if (i == 0) { ////因为后台进行了排序，故i=1时取的是第10列数据
                                    html1 += '<td>' + arrays[i][1] + '</td>';
                                    //图表
                                    strs[0] = Number(arrays[i][1]);
                                } else {
                                    html += '<td>' + arrays[i][Number(i + 1)] + '</td>';
                                    //图表
                                    strs[9 - i] = Number(arrays[i][Number(i + 1)]);
                                }
                            }
                            html = html + html1 + '</tr>';
                            //图表
                            setclearStatusCbData(key, strs);
                        }
                        $("#ttbody1").html(html);
                    }
                }
            });
        }

        //柱状图
        function initallEsHighChartsOfCbLine() {
            $("#highchartContainerOfCb").highcharts({
                credits: {//去水印
                    text: '',
                    href: ''
                },
                chart: {
                    type: 'bar'
                },
                title: {
                    text: '出保设备情况'
                },
                xAxis: {
                    categories: ['2年', '3年', '4年', '5年', '6年', '7年', '8年', '9年', '10年及以上']
                },
                yAxis: {
                    min: 0,
                    title: {
                        text: ''
                    }
                },
                legend: {
                    reversed: true
                },
                plotOptions: {
                    series: {
                        stacking: 'normal'
                    }
                },
                series: getclearStatusCbData()
            });
        }

        //数据展示
        var serviceLineCbData = [];

        function setclearStatusCbData(name, data) {
            var dt = {};
            dt.name = name;
            dt.data = data;
            serviceLineCbData.push(dt);
        }

        function clearStatusCbData() {
            serviceLineCbData = [];
        }

        function getclearStatusCbData() {
            return serviceLineCbData;
        }

        /*-----------------------------------饼图----------------------------------*/
        function getEsHighChartsOfCbDataBeforeDeal(cdateBegin, cdateEnd, intheatername, bp) {
            var defer = $.Deferred();
            $.ajax({
                url: "cbsServiceController.do?getEsHighChartsOfCbData",
                data: {
                    "cdateBegin": cdateBegin,
                    "cdateEnd": cdateEnd,
                    "intheatername": intheatername,
                    "bp": bp
                },
                cache: false,
                dataType: 'json',
                type: 'POST',
                success: function (data) {
                    if (data.success) {
                        defer.resolve(data);
                    }
                }
            });
            return defer.promise();
        }

        function dealEsHighChartsOfCbData(cdateBegin, cdateEnd, intheatername, bp) {
            lockmask(true, "处理中...", "self");
            $.when(getEsHighChartsOfCbDataBeforeDeal(cdateBegin, cdateEnd, intheatername, bp)).done(function (data) {
                lockmask(false, undefined, "self");

                clearEsHighChartsOfCbDate(); //清空数据
                var objs = data.obj;
                for (var i in objs) {
                    setEsHighChartsOfCbDate(i, Number(objs[i]));
                }
                // setEsHighChartsOfCbDate("一代机", Number(objs.ydj));
                // setEsHighChartsOfCbDate("激光机", Number(objs.jg));
                // setEsHighChartsOfCbDate("二代机", Number(objs.ed));
                initallEsHighChartsOfCbBing();
            }).fail(function () {
                lockmask(false, undefined, "self");
                tip("获取数据失败！");
            });
        }

        //表格数据展示
        function getEsHighChartsOfCbData(cdateBegin, cdateEnd, intheatername, bp) {
            $.ajax({
                url: "cbsServiceController.do?getEsHighChartsOfCbData",
                data: {
                    "cdateBegin": cdateBegin,
                    "cdateEnd": cdateEnd,
                    "intheatername": intheatername,
                    "bp": bp
                },
                cache: false,
                async: false,//必须是同步进行，为了获取 初始化 highcharts 数据
                dataType: 'json',
                type: 'POST',
                success: function (data) {
                    if (data.success) {
                        clearEsHighChartsOfCbDate(); //清空数据
                        var objs = data.obj;
                        for (var i in objs) {
                            setEsHighChartsOfCbDate(i, Number(objs[i]));
                        }
//                         setEsHighChartsOfCbDate("一代机", Number(objs.ydj));
//                         setEsHighChartsOfCbDate("激光机", Number(objs.jg));
//                         setEsHighChartsOfCbDate("二代机", Number(objs.ed));
                    }
                }
            });
        }


        function initallEsHighChartsOfCbBing() {
            $("#highchartContainerOfJx").highcharts({
                credits: {//去水印
                    text: '',
                    href: ''
                },
                chart: {
                    spacing: [40, 0, 40, 0]
                },
                title: {
                    floating: true,
                    text: ''
                },
                tooltip: {
                    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
                },
                plotOptions: {
                    pie: {
                        allowPointSelect: true,
                        cursor: 'pointer',
                        dataLabels: {
                            enabled: true,
                            format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                            style: {
                                color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black',
                                fontSize: '18px'
                            }
                        },
                        point: {
                            events: {
                                mouseOver: function (e) {  // 鼠标滑过时动态更新标题
                                    chart.setTitle({
                                        text: e.target.name + '\t' + e.target.y + ' %'
                                    });
                                }
                            }
                        },
                    }
                },
                series: [{
                    type: 'pie',
                    innerSize: '50%',
                    name: '院线机型配比',
                    data: getEsHighChartsOfCbDate()
                }]
            }, function (c) { // 图表初始化完毕后的会掉函数
                // 环形图圆心
                var centerY = c.series[0].center[1],
                    titleHeight = parseInt(15);
                // 动态设置标题位置
                c.setTitle({
                    y: centerY + titleHeight / 2
                });
            });
        }


        //数据展示
        var esHighChartsData = [];

        function setEsHighChartsOfCbDate(name, data) {
            var dt = {};
            dt.name = name;
            dt.y = data;
            esHighChartsData.push(dt);
        }

        function clearEsHighChartsOfCbDate() {
            esHighChartsData = [];
        }

        function getEsHighChartsOfCbDate() {
            return esHighChartsData;
        }

        /*导出报告*/
        function exportReport(tab) {
            if (tab == 1) {
                method5('ttTable1', "设备整体维保情况表.xls");
            } else if (tab == 2) {
                method5('ttTable2', "出保设备情况表.xls");
            }
        }

    </script>
</head>
<body style="padding: 0px;margin: 0px auto;overflow:scroll;">
<div class="easyui-tabs" id="tabs" style="overflow:hidden;">
    <div title="设备整体维保情况" style="overflow: hidden;">
        <div class="pad_l_10">
            <table style="width:95% ;margin-left:2%;margin-top:1%">
                <tr>
                    <td>
                        <label class="report_label">时间段&nbsp;</label>
                        <input class="Wdate" style="width: 90px;" id="docdate1" value="2019-01" name="cdate_1"
                               pattern="yyyy-MM"
                               onClick="WdatePicker({dateFmt:'yyyy-MM'})"/>
                        -
                        <input class="Wdate" style="width: 90px;" id="docdate2" value="2019-12" name="cdate_1"
                               pattern="yyyy-MM"
                               onClick="WdatePicker({dateFmt:'yyyy-MM'})"/>
                    </td>
                    <td>
                        <label class="report_label">BP</label>
                        <input id="bpId_1" type="hidden">
                        <input id="bp_1" readonly="readonly" style="width: 250px;"/>
                        <t:choose hiddenName="bpId_1" hiddenid="id" inputTextname="bp_1" textname="bpCode"
                                  title="机构列表" url="zyInspectionReportController.do?goChooseOrgsForIrReport"
                                  name="orgList" width="660px" height="550px"
                                  icon="icon-search" isclear="true"></t:choose>
                    </td>
                    <td>
                        <label class="report_label">院线</label>
                        <input id="intheaterId_1" type="hidden">
                        <input id="intheatername_1" class="inputxt" style="width: 250px;"/>
                        <t:choose hiddenName="intheaterId_1" hiddenid="id" inputTextname="intheatername_1"
                                  url="zyIntheaterController.do?zyintheatersCheckboxList"
                                  name="intheaterList" icon="icon-search" title="院线列表" textname="typename"
                                  isclear="true" height="300px" width="400px"/>
                    </td>
                    <td>
                        <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
                           onclick="searchReport(1)">查询</a>
                    </td>
                </tr>
            </table>
            <div style="text-align:right; padding-right:10px;">
                <a id="dlink" style="display:none;"></a>
                <a href="javascript:void(0);" class="easyui-linkbutton"
                   data-options="iconCls:'icon-putout',plain:'true'" onclick="exportReport(1)">导出报告</a>
            </div>
            <div id="highchartContainerOfOx"
                 style="width: 99%;height:310px;margin: auto; display: inline-block;border: 1px solid #000000"></div>
            <br/>
            <br/>
            <table id="ttTable1" class="report_table">
                <thead id="tthead">

                </thead>
                <tbody id="ttbody">

                </tbody>
            </table>
            <br/>
        </div>
    </div>
    <div title="出保设备情况" style="overflow: hidden;">
        <div class="pad_l_10">
            <table style="width:95% ;margin-left:2%;margin-top:1%">
                <tr>
                    <td>
                        <label class="report_label">出保月份&nbsp;</label>
                        <input class="Wdate" style="width: 90px;" id="docdate3" value="" name="cdate_2"
                               pattern="yyyy-MM"
                               onClick="WdatePicker({dateFmt:'yyyy-MM'})" hidden="hidden"/>
                        <!--                         - -->
                        <input class="Wdate" style="width: 90px;" id="docdate4" value="2018-12" name="cdate_2"
                               pattern="yyyy-MM"
                               onClick="WdatePicker({dateFmt:'yyyy-MM'})"/>
                        <label style="color:red">指该月最后一天前出保&nbsp;</label>
                    </td>
                    <td>
                        <label class="report_label">BP</label>
                        <input id="bpId_2" type="hidden">
                        <input id="bp_2" readonly="readonly" style="width: 250px;"/>
                        <t:choose hiddenName="bpId_2" hiddenid="id" inputTextname="bp_2" textname="bpCode"
                                  title="机构列表" url="zyInspectionReportController.do?goChooseOrgsForIrReport"
                                  name="orgList" width="660px" height="550px"
                                  icon="icon-search" isclear="true"></t:choose>
                    </td>
                    <td>
                        <label class="report_label">院线</label>
                        <input id="intheaterId_2" type="hidden">
                        <input id="intheatername_2" class="inputxt" style="width: 250px;"/>
                        <t:choose hiddenName="intheaterId_2" hiddenid="id" inputTextname="intheatername_2"
                                  url="zyIntheaterController.do?zyintheatersCheckboxList"
                                  name="intheaterList" icon="icon-search" title="院线列表" textname="typename"
                                  isclear="true" height="300px" width="400px"/>
                    </td>
                    <td>
                        <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
                           onclick="searchReport(2)">查询</a>
                    </td>
                </tr>
            </table>
            <div style="text-align:right; padding-right:10px;">
                <a href="javascript:void(0);" class="easyui-linkbutton"
                   data-options="iconCls:'icon-putout',plain:'true'" onclick="exportReport(2)">导出报告</a>
            </div>
            <div id="highchartContainerOfCb"
                 style="width: 99%;height:310px;margin: auto; display: inline-block;border: 1px solid #000000"></div>
            <br/>
            <br/>
            <table id="ttTable2" class="report_table">
                <thead id="tthead1">
                <th>机型\使用年份</th>
                <th>2年</th>
                <th>3年</th>
                <th>4年</th>
                <th>5年</th>
                <th>6年</th>
                <th>7年</th>
                <th>8年</th>
                <th>9年</th>
                <th>10年及以上</th>
                </thead>
                <tbody id="ttbody1">

                </tbody>
            </table>
            <br/>
        </div>
    </div>
    <div title="院线机型配比" style="overflow: hidden;">
        <div class="pad_l_10">
            <table style="width:95% ;margin-left:2%;margin-top:1%">
                <tr>
                    <td>
                        <label class="report_label">BP</label>
                        <input id="bpId_3" type="hidden">
                        <input id="bp_3" readonly="readonly" style="width: 250px;"/>
                        <t:choose hiddenName="bpId_3" hiddenid="id" inputTextname="bp_3" textname="bpCode"
                                  title="机构列表" url="zyInspectionReportController.do?goChooseOrgsForIrReport"
                                  name="orgList" width="660px" height="550px"
                                  icon="icon-search" isclear="true"></t:choose>
                    </td>
                    <td>
                        <label class="report_label">院线</label>
                        <input id="intheaterId_3" type="hidden">
                        <input id="intheatername_3" class="inputxt" style="width: 250px;"/>
                        <t:choose hiddenName="intheaterId_3" hiddenid="id" inputTextname="intheatername_3"
                                  url="zyIntheaterController.do?zyintheatersCheckboxList"
                                  name="intheaterList" icon="icon-search" title="院线列表" textname="typename"
                                  isclear="true" height="300px" width="400px"/>
                    </td>
                    <td>
                        <a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'icon-search'"
                           onclick="searchReport(3)">查询</a>
                    </td>
                </tr>
            </table>
            <div id="highchartContainerOfJx"
                 style="width: 95%; height:310px; margin:auto; margin-top: 15px; display: inline-block;border: 1px solid #000000"></div>
            <br/>
        </div>
    </div>
</div>
</body>

